<%-- 
    Document   : manage_membership
    Created on : Jul 18, 2012, 9:00:24 PM
    Author     : Don
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        
        <style type ="text/css">
        @import url(admin/css/jqtransform.css);
        @import url(admin/css/validationEngine.jquery.css);
        @import url(admin/css/ui-lightness/jquery-ui-1.8.19.custom.css);
        </style>
        
        <script type="text/javascript" src="admin/js/jquery-latest.js"></script>
        <script type="text/javascript" src="admin/js/jquery-ui-1.8.19.custom.min.js"></script>
        <script type="text/javascript" src="admin/js/jquery"></script>
        <script type="text/javascript" src="admin/js/jquery.jqtransform.js"></script>
        <script type="text/javascript" src="admin/js/jquery.validationEngine-en.js"></script>
        <script type="text/javascript" src="admin/js/jquery.validationEngine.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                
                
                //find all form with class jqtransform and apply the plugin
                $("form.jqtransform").jqTransform();
                
                $('#bday').datepicker({ dateFormat: 'yy-mm-dd' });
                $('#add_form').validationEngine('attach');
                $('#cancelForm').click(function(){
                    $('#panel').html(''); 
                });

            });
        </script>
    </head>
    <body>
    Add Member    
    <form id="add_form" class="jqtransform" method="post" action="${pageContext.request.contextPath}/manage_mem_add">
    <table style="width: 50%">
            <tr><td><label>ID Number</label></td>          <td><input class="validate[required,maxSize[8]] text-input" id="idnumber"name="idnumber" type="text" /></td> </tr>
            <tr><td><label>Username</label></td>         <td><input class="validate[required,maxSize[15]] text-input" id="username" name="username" type="text" /></td></tr>
            <tr><td><label>Password</label></td>         <td><input class="validate[required,minSize[8] text-input" id ="password" name="password" type="password" /></td></tr>
            <tr><td><label>Repass</label></td>         <td><input class="validate[required,equals[password]] text-input" id="repassword" name="password" type="password" /></td></tr>
            <tr><td><label>First Name</label></td>         <td><input class="validate[required,custom[onlyLetterSp]]" id="firstname" name="firstname" type="text" /></td></tr>
            <tr><td><label>Last Name</label></td>          <td><input class="validate[required,custom[onlyLetterSp]]" id="lastname" name="lastname" type="text" /></td> </tr> 
            <tr><td><label>Batch</label></td>              <td><input class="validate[required,custom[integer]]" id="batch" name="batch" type="text" /></td> </tr>   
            <tr><td><label>Position</label></td>           <td><input class="validate[required,custom[onlyLetterSp]]" id="position" name="position" type="text" /></td> </tr>   
    </table>
    <input type="submit" id ="addMember" name="addMember" value="Submit"/>
    </form>
    </body>
</html>
